<template>
    <div class="webSuccess">
       <breadcrumb :navdata="bdname"></breadcrumb>
       <div class="success-img">
           <img src="../../../static/submitSuccess.png" alt="">
       </div>
       <div class="success-text">您已提交空余时间，班主任小姐姐正在加急处理您的课程安排，后续可以在“国科考勤”微信小程序上查看你的课表安排</div>
    </div>
</template>

<script>
import breadcrumb from "basic/breadcrumb/breadcrumb"
import { mapGetters } from 'vuex'
import {classPlan, submitCalendars} from 'api/getData'
import {formatPackTime, formatCourseList} from 'plus/unconfirmPack'
export default {
    data(){
        return {
        bdname: [
            {
            name: '首页',
            url: '/'
            },
            {
            name: '开班计划',
            url: '/classList'
            },
            {
            name: '空余时间提交成功',
            url: '/webSubmitSuccess'
            }
        ]
    }
    },
    components: {
        breadcrumb
    },
    computed: {
        ...mapGetters(['currentUser'])
    },
    created(){
        classPlan(this.currentUser.cluesOrStuId).
        then(res=>{
            let courseArr = formatCourseList(res.mapList)
            let filterCourse = [];
            filterCourse = courseArr.filter(item=>{
                return item.hcId == this.$route.query.hcId
            })
            // console.log(filterCourse)
            if(filterCourse.length!=0){
                this.bdname[2].name = filterCourse[0].course.name
            }
        })
    },
    mounted(){
      
    },
    methods:{
        goHome(){
            // this.$router.push('/H5classList')
        }
    }
}

</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
@import '~style/base.styl';
.webSuccess{
    width 1200px
    margin 0 auto
}
.success-img{
    text-align center
    margin-top 127px
    img{
        width 138px
        height 138px
    }
}
.success-text{
    margin: 0 auto;
    margin-top: 26px;
    width:520px;
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(164,164,164,1);
    line-height:29px;
}
</style>